<template>
	<view class="infoSy">
		<!-- 下拉 -->
		<view style="width: 63%; margin-left: 10px; ">
		       <xfl-select 
		           :list="list"
		           :clearable="false"
		           :showItemNum="5" 
		           :listShow="false"
		           :isCanInput="true"  
		           :style_Container="'height: 38px; font-size: 16px;'"
		           :placeholder = "'placeholder'"
		           :initValue="'苹果'"
		           :selectHideType="'hideAll'"
		       >
		       </xfl-select>
		   </view>
		   <!-- 计算器 -->
		   <view class="jsq" @click="gojsq">
		   				  <image src="../../static/info/jsq.png" mode=""></image>
		   				  <text>计算器</text>
		   </view>
	</view>
</template>

<script>
	import xflSelect from '../../components/xfl-select/xfl-select.vue';
	export default {
		components:{
			xflSelect
		},
		data() {
			return {
				list: [       //要展示的数据
				                '苹果',
				                 '香蕉',
				                '葡萄',
				                '芒果',
				                '大白菜',
				            ],
			};
		},
		methods:{
			gojsq(){
				uni.navigateTo({
					url:'../../pages/profitCount/profitCount'
				})
			}
		}
	}
</script>

<style>
	.infoSy{
		position: relative;
	}
.jsq{
		border: 1px solid black;
		width: 200rpx;
		height: 72rpx;
		border-radius: 10rpx;
		font-size: 1em;
		font-weight: 600;
		opacity: .6;
		position: absolute;
		right: 30rpx;
		top: 0;
	}
	.jsq>image{
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		top: 6rpx;
		right: 10rpx;
	}
	.jsq>text{
		position: absolute;
		left: 40rpx;
		top: 16rpx;
	}
</style>
